<html>
<head>
    <title>INDEX</title>
    <style type="text/css">
        body{
            background-color:#d5d5d5;
            font-family: showcard Gothic;
        }
        #logo{
            width: 100%;
            color:#6a5b5b;
            font-size: 65px;
            position: relative;
            text-align: center;
            margin-top: 20px;
        }
        #background-img{
            position: relative;
            margin-left: 50%;
            left:-130px;
            top: 40px;
        }

        #background-img img{
            width: 250px;
            opacity: 0.9;
        }
        #star{
            width: 140px;
            height: 50px;
            border-radius: 8px;
            background-color: #6a5b5b;
            text-align: center;
            line-height:50px;

            position: relative;
            margin-left: 50%;
            left: -70px;
            cursor: pointer;

            margin-top: 100px;
        }
        #star a{
            font-size: 20px;
            color: #d5d5d5;
            text-shadow: 1px 1px 1px #000;
            text-decoration: none;
        }
        #star:hover{
            background-color: #5d5d5d;
        }
    </style>
</head>
<body>
<div id="logo">
    TIC-TAK-TOE
</div>

<div id="background-img">
    <img src="img/bg.png">
</div>
<div id="star">
    <a href="game.html">LET'S GO</a>
</div>
</body>

</html>